<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/maoyan.css">
</head>
<body>
    <header>
        <div id="main">
            <div>
                <img src="img/logo.png">
                <a href="">&nbsp;成都<span></span></a>
            </div>
            <div>
                <div>
                    <a href="">首页</a>
                    <a href="">电影</a>
                    <a href="">影院</a>
                    <a href="">演出</a>
                    <a href="">榜单</a>
                    <a href="">热点</a>
                    <a href="">商城</a>
                </div>
                <div>
                    <a href=""><span></span>APP下载<span></span></a>
                    <input type="text" name="nav" id="nav" placeholder="找影视剧、影人、影院">
                    <a href=""></a>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
    </header>
    <main class="container">
        <article>
            <div>
                <h1>正在热映（43部）</h1>
                <p>全部<span></span></p>
            </div>
            <div>
                <div>
                    <div>
                        <div class="imgM">
                            <p>侏罗纪世界3</p>
                            <em>8.0</em>
                        </div>
                        <div class="txtM">
                            <p>购票</p>
                        </div>
                    </div>
                    <div>
                        <div class="imgM">
                            <p>暗恋·橘生淮南</p>
                            <em>8.4</em>
                        </div>
                        <div class="txtM">
                            <p>购票</p>
                        </div>
                    </div>
                    <div>
                        <div class="imgM">
                            <p>人生大事</p>
                            <em>8.0</em>
                        </div>
                        <div class="txtM">
                            <p>购票</p>
                        </div>
                    </div>
                    <div>
                        <div class="imgM">
                            <p>坏蛋联盟</p>
                            <em>9.1</em>
                        </div>
                        <div class="txtM">
                            <p>购票</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div>
                        <div class="imgM">
                            <p>天才计划</p>
                            <em>8.0</em>
                        </div>
                        <div class="txtM">
                            <p>购票</p>
                        </div>
                    </div>
                    <div>
                        <div class="imgM">
                            <p>哆啦A梦：大雄的宇宙小战争 2021</p>
                            <em>8.4</em>
                        </div>
                        <div class="txtM">
                            <p>购票</p>
                        </div>
                    </div>
                    <div>
                        <div class="imgM">
                            <p>精灵旅社4：变身大冒险</p>
                            <em>9.0</em>
                        </div>
                        <div class="txtM">
                            <p>购票</p>
                        </div>
                    </div>
                    <div>
                        <div class="imgM">
                            <p>神奇动物</p>
                            <em>7.9</em>
                        </div>
                        <div class="txtM">
                            <p>购票</p>
                        </div>
                    </div>
                </div>
            </div>
        </article>
        <aside>
            <h1>今日票房</h1>
            <div>
                <div><span></span></div>
                <div>
                    <p>侏罗纪世界3</p>
                    <p>2190.58万</p>
                </div>
            </div>
            <div>
                <div>
                    <div>
                        <em>2</em>
                        <p>暗恋·橘生淮南</p>
                    </div>
                    <div>
                        <p>279.57万</p>
                    </div>
                </div>
                <div>
                    <div>
                        <em>3</em>
                        <p>坏蛋联盟</p>
                    </div>
                    <div>
                        <p>172.75万</p>
                    </div>
                </div>
                <div>
                    <div>
                        <em>4</em>
                        <p>天才计划</p>
                    </div>
                    <div>
                        <p>46.00万</p>
                    </div>
                </div>
                <div>
                    <div>
                        <em>5</em>
                        <p>哆啦A梦：大熊的宇宙小站长</p>
                    </div>
                    <div>
                        <p>30.86万</p>
                    </div>
                </div>
            </div>
            <div>

            </div>
        </aside>
    </main>
</body>
</html>